import React, { Component } from 'react';
import { WingBlank, WhiteSpace } from 'antd-mobile';
import BookSortTab from './sub/bookSortTab.js';
import BookSortContent from './sub/bookSortContent.js'
import './bookSort.less';

class BookSort extends Component{

	constructor(props) {
	    super(props);
	    this.state = {
	    	tabs: [
				"大咖榜", "畅销榜", "人气榜", "飙升榜"
			]
	    }
	}
	
	//选中栏目
	tabHandle = (index) => {
		// console.log("选中："+index)
	}
	
	render(){
		return(
			<div className="container seniority">
				<BookSortTab tabs={this.state.tabs} tabHandle={this.tabHandle}></BookSortTab>
				<WingBlank>
					<BookSortContent></BookSortContent>
				</WingBlank>
			</div>
		)
	}
}

export default BookSort;